﻿<div id="pui_util_viewport">
</div>
<script>
(function(){
	var dr=new Mui.util.DocsRender({
		renderTo:'pui_util_viewport',
		data:{
			title:'Mui.util.Viewport',
			superclass:'Mui.util.UI',
			desc:'该组件是一个具有东西南北中布局的UI组件，通常用于首页面的布局，内容在中间的center中表示',
			private:[{
				name:'__eventBus',
				desc:'对象的事件容器',
				type:'object',
				def:'{}'
			},{
				name:'__type',
				desc:'类型，用于对类进行描述',
				type:'string',
				def:'Viewport'
			},{
				name:'__constructor',
				desc:'构造函数',
				type:'string',
				def:'Mui.util.Viewport'
			},{
				name:'panel',
				desc:'子组件的即可，以key/value的形式保存panel对象',
				type:'object',
				def:'{}'
			}],
			public:[{
				name:'items',
				desc:'组件的子容器的配置,{left:{width:200,title:\'left\',split:true,style:\'margin:6px\'}}；可配置项为left、right、center、top、bottom；center如果没有配置，组件会提供默认的center配置，每个子容器相当于一个panel，配置请参考panel的配置项，其中center不支持split的配置项',
				type:'object',
				def:'{}'
			}],
			fn:[
			{
				name:'getCMP()',
				desc:'获取center的panel对象',
				ret:'center panel',
				retType:'object'
			},
			{
				name:'getLMP()',
				desc:'获取left的panel对象',
				ret:'left panel',
				retType:'object'
			},
			{
				name:'getRMP()',
				desc:'获取right的panel对象',
				ret:'right panel',
				retType:'object'
			},
			{
				name:'getTMP()',
				desc:'获取top的panel对象',
				ret:'top panel',
				retType:'object'
			},
			{
				name:'getBMP()',
				desc:'获取bottom的panel对象',
				ret:'bottom panel',
				retType:'object'
			},
			{
				name:'getSize()',
				desc:'获取组件的尺寸',
				ret:'组件的尺寸大小{width:1280,height:400}',
				retType:'object'
			},
			{
				name:'getSplitEl(string flag)',
				desc:'根据flag获取组件的split',
				param:[{
					name:'flag',
					desc:'标识，left、right、top、bottom四个中的一个'
				}],
				ret:'组件split的jQuery Dom',
				retType:'jQuery object'
			},
			{
				name:'getPanel(string flag)',
				desc:'根据flag获取panel对象',
				param:[{
					name:'flag',
					desc:'标识，left、right、top、bottom四个中的一个'
				}],
				ret:'组件的对象',
				retType:'object'
			},
			{
				name:'getPanels()',
				desc:'获取所有的Panels对象，即this.panels',
				ret:'所有组件的对象集合',
				retType:'object'
			},
			{
				name:'initSize()',
				desc:'初始化的时候执行组件尺寸的初始化'
			},
			{
				name:'resize()',
				desc:'重写父类的resize方法，对组件进行尺寸的重写'
			},
			{
				name:'render()',
				desc:'重写父类的渲染方法'
			},
			{
				name:'initComponent()',
				desc:'重写父类的initComponent方法'
			}
			]
		}
	});
})();
</script>